<template>
    <div id="templ">
        <mt-swipe :auto="2000">
            <mt-swipe-item v-for="(item ,index) in imgs" :key="index">
                <img  v-if ="item.img" :src="item.img" alt="">
                <img  v-if ="item.src"  :src="item.src" alt="">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
   export default {
       props:['imgs']
   }
</script>

<style scoped>
/*轮播图的样式*/
.mint-swipe{
    height: 300px;
}
.mint-swipe-item{
    /*background-color: red;*/
    width: 100%;
    height: 300px;
}
.mint-swipe-item img{
    width: 100%;
    height: 300px;
}
</style>